import 'package:dotted_border/dotted_border.dart';
import 'package:flutter/material.dart';
import 'package:wallet_home/tools/theme_utils.dart';

import '../image_r.dart';
import '../module_config.dart';

class WalletPageSecondCardWidget extends StatefulWidget {
  @override
  _WalletPageSecondCardWidgetState createState() =>
      _WalletPageSecondCardWidgetState();
}

class _WalletPageSecondCardWidgetState
    extends State<WalletPageSecondCardWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
//        transform: Matrix4.translationValues(2, 0, 0),
        alignment: Alignment.center,
        child: Card(
          color: ThemeUtils.getThemeColor(
              context: context,
              brightnessColor: Color(0xFFCCA860),
              darkColor: Colors.grey[850]),
          elevation: 0.5,
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(16.0))),
          child: Column(
            children: [
              Container(
                alignment: Alignment.center,
                width: double.infinity,
                child: Padding(
                    padding: EdgeInsets.only(top: 25),
                    child: GestureDetector(
                      onTap: () {
                        Navigator.of(context).pushReplacement(
                            MaterialPageRoute(builder: (context) => null));
                      },
                      child: DottedBorder(
                        color: ThemeUtils.getThemeColor(
                            context: context,
                            brightnessColor: Colors.white,
                            darkColor: Colors.grey[200]),
                        borderType: BorderType.RRect,
                        radius: Radius.circular(5),
                        child: InkWell(
                          child: Padding(
                            padding: EdgeInsets.all(15),
                            child: Icon(
                              Icons.add,
                              size: 30,
                              color: ThemeUtils.getThemeColor(
                                  context: context,
                                  brightnessColor: Colors.white,
                                  darkColor: Colors.grey[200]),
                            ),
                          ),
                        ),
                      ),
                    )),
              ),
              Spacer(),
              Padding(
                padding: EdgeInsets.only(bottom: 30),
                child: Text(
                  "点击选择要添加的钱包类型",
                  style: TextStyle(
                      fontSize: 14,
                      color: ThemeUtils.getThemeColor(
                          context: context,
                          brightnessColor: Colors.white,
                          darkColor: Colors.grey[200])),
                ),
              )
            ],
          ),
        ));
  }
}
